html {
  scrollbar-color: #666 #010e1b;
  /* scrollbar-width: thin; */
}

body {
  font-family: "Lexend Deca" !important;
}
#ai-advantage {
  background-color: #03316d;
  font-family: "Lexend Deca", sans-serif;
}
.ai-bg {
  background-color: #010e1b;
}
.ai-hero-outer {
  border-radius: 0px;
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.04) 0%,
      rgba(255, 255, 255, 0.04) 100%
    ),
    #010e1b;
  /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 100%), var(--0500, #010E1B);*/
  overflow: hidden;
}
.ai-hero {
  height: 110vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  padding: 12cqmin clamp(2rem, 6vw, 6rem) 5cqmin clamp(2rem, 6vw, 6rem);
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  /* border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%; 
  border-radius: 0px 0px 100% 100%;*/
  position: relative;
  z-index: 2;
  /* background: #010E1B; */
  padding-bottom: 0;
}
.ai-hero::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 100vh;
  height: 65vh;
  /* background: #010E1B; */
  background: radial-gradient(
      27% 50% at 15% 100%,
      rgba(0, 140, 255, 0.5) 0%,
      rgba(1, 14, 27, 0) 76%
    ),
    linear-gradient(358deg, rgba(1, 14, 27, 1) 6%, rgba(1, 14, 27, 1) 100%);
  border-radius: 50%;
  transform-origin: bottom;
  transform: translateX(-50%) scale(3.2);
  z-index: -1;
}
/* .ai-heo-out {
  background: #010E1B; 
   position: absolute;.ai-hero-heading
  left: 0;
  top: 0;
  width: 100%;
  height: 400px
 }
 .bg-radial {
  width: 100%;
  height: 760px;
  bottom: -100px;
  border-radius:
866.5px / 354.5px;
  background:radial-gradient(50% 75% at 5% 100%, rgba(0, 140, 255, 0.5) 0%, rgba(1, 14, 27, 0) 76%), linear-gradient(1deg, rgba(1, 14, 27, 1) 0%, rgba(1, 14, 27, 1) 100%);
    background-color: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  z-index: 1;
 } */
.banner-radial-bg-adv {
  position: absolute;
  left: -5%;
  width: 48%;
  height: 38rem;
  border-radius: 50%;
  opacity: 0.2;
  background: radial-gradient(
    50% 50% at 50% 50%,
    #00c4ffe0 0%,
    #008cffad 49%,
    rgba(160, 212, 235, 0) 100%
  );
  position: absolute;
  right: 0;
  bottom: 2%;
}

.ai-hero-container {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
  height: 100%;
  max-width: min(90rem, 100%);
  position: relative;
}

.ai-hero-left {
  /* width: 90cqmin; */
  margin-bottom: 20px;
  /* position: absolute; */
  left: 0;
  top: 25%;
  margin-top: -25cqmin;
}

.ai-hero-right {
  position: absolute;
  right: 0;
  z-index: 2;
  width: 62%;
  top: 0;
  /*top: -34cqmin; */
}
.ai-hero-heading {
  font-size: 6.5cqmin;
  color: #fff;
  font-weight: 400;
  letter-spacing: -0.9px;
  margin-bottom: 30px;
}

.ai-hero-text-gradient {
  background: linear-gradient(90deg, #07f4ff 33.18%, #0385ff 80.56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ai-hero-description {
  font-size: 2.3cqmin;
  color: #fff;
  font-weight: 300;
  margin-top: 3cqmin;
  line-height: 4cqmin;
  max-width: 72cqmin;
}

.hero-explore {
  background: #fff;
  padding: 10px 20px;
  width: fit-content;
  border-radius: 200px;
  display: flex;
  gap: 5px;
  align-items: center;
  margin-top: 4cqmin;
}
.ai-banner-radial-bg {
  position: absolute;
  top: -100%;
  width: 100%;
  /* height: 100%; */
  height: 160vh;
  opacity: 1;
  z-index: 0;
  -webkit-mask: radial-gradient(circle at 50% 0%, black 0%, transparent 80%);
  /* background: linear-gradient(125deg, aqua 13%, deeppink 38%); */
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 453% 418%;
  animation: gradient 3s ease infinite;
}
.transparent_bg {
  width: 100%;
  height: 485px;
  background: transparent;
  border: solid 5px #000;
  border-color: #000 transparent transparent transparent;
  border-radius: 50%/200px 200px 0 0;
  transform: rotate(180deg);
  position: relative;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}

.transparent_bg:after {
  content: "";
  width: 100%;
  height: 485px;
  position: absolute;
  top: 0;
  background: 000;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.content-title {
  font-size: 4.5cqmin;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #fff;
  font-family: "Lexend Deca";
  font-weight: 500;
  text-align: center;
}
.content-title span {
  background: linear-gradient(90deg, #07f4ff 20.77%, #0385ff 74.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-description {
  color: #d6e0f8;
  text-align: center;
  font-family: "Lexend Deca";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  margin: 0 auto;
  max-width: 800px;
  padding-bottom: 20px;
}
/* New Hero sectio style start here */
.banner-ai-gradient {
  background: linear-gradient(90deg, #4deefd, #0385ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.banner-animation {
  width: 100%;
  height: calc(100vh - 47px);
  /* height: 100vh; */
  position: relative;
  margin-top: -90px;
}
.banner-svg-bg {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.banner-ai-surface {
  position: absolute;
  bottom: -0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  scale: 1.2;
}
.banner-svg-bg img {
  position: absolute;
  bottom: -12cqmin;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: max-content;
  object-fit: contain;
  opacity: 0;
  animation: fadeSwap 3s ease-in-out infinite alternate;
}

.banner-svg-bg img.banner-img1 {
  animation-delay: 1s;
  right: 50%;
  transform: translateX(50%);
  /* scale: 1.50; */
}

.banner-svg-bg img.banner-img2 {
  animation-delay: 1s;
  right: 50%;
  transform: translateX(50%);
  /* scale: 1.50; */
}

@keyframes fadeSwap {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.banner-animation .banner-layers {
  /* width: 35cqmin; */
  opacity: 1;
  margin: 0 auto;
  top: -4cqmin;
  left: 50%;
  height: 45cqmin;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.banner-animation .banner-layers img {
  opacity: 1 !important;
}

.banner-animation .overlap {
  position: relative;
  height: 250px;
  position: absolute;
  /* margin-top: 6cqmin; */
}

.banner-animation .group {
  /*position: absolute;
 width: 258px;
height: 175px; 
bottom:-50px;
left: 0;*/
  position: relative;
  width: 35cqmin;
  height: 57cqmin;
  bottom: 0;
}

.banner-animation .overlap-group-wrapper {
  position: absolute;
  /* width: 258px;
height: 182px; */
  width: 35cqmin;
  height: 25cqmin;
  top: 95px;
  left: 0;
  animation: move-up-bottom 3s ease-in-out infinite alternate;
}

.banner-animation .overlap-group {
  position: relative;
  height: 43cqmin;
}

.banner-animation .vector {
  position: absolute;
  /* width: 252px;
height: 81px; */
  /* width: 30cqmin; */
  max-width: 35cqmin;
  height: 10cqmin;
  top: 13cqmin;
  left: 3px;
  mix-blend-mode: multiply;
  background-blend-mode: multiply;
}

.banner-animation .img {
  position: absolute;
  /* width: 258px;
height: 175px; */
  top: 0;
  left: 0;
  width: 35cqmin;
  height: 25cqmin;
}

.banner-animation .overlap-wrapper {
  position: absolute;
  /* width: 258px;
height: 182px; */
  width: 35cqmin;
  height: auto;
  top: 48px;
  left: 0;
  animation: move-up-middle 3s ease-in-out infinite alternate;
}

.banner-animation .div-wrapper {
  position: absolute;
  /* width: 258px;
height: 182px; */
  width: 35cqmin;
  height: 25cqmin;
  top: 0;
  left: 0;
  animation: move-up-top 3s ease-in-out infinite alternate;
}

.banner-animation .div {
  position: absolute;
  width: 166px;
  height: 91px;
  top: 45px;
  left: 50px;
}

.overlap-2 {
  position: absolute;
  z-index: 1;
  left: 18%;
  top: 18%;
}

.banner-animation .group-2 {
  position: absolute;
  /* width: 166px;
height: 83px; */
  width: 20cqmin;
  height: 14cqmin;
  top: 7px;
  left: 0;
  mix-blend-mode: multiply;
}

.banner-animation .group-3 {
  position: absolute;
  /* width: 166px;
height: 83px; */
  width: 20cqmin;
  height: 14cqmin;
  top: 0;
  left: 0;
}
/* Animation to reduce the gap between layers */
@keyframes move-up-bottom {
  0% {
    top: 10cqmin;
  }
  100% {
    top: 12.5cqmin;
  }
}

@keyframes move-up-middle {
  0% {
    top: 4cqmin;
  }
  100% {
    top: 8.75cqmin;
  }
}

@keyframes move-up-top {
  0% {
    top: -1cqmin;
  }
  100% {
    top: 2.5cqmin;
  }
}

/* New Hero sectio style end  here */

/* Ai journey style start here */

.ai-journey-star svg {
  width: 24px;
  height: 24px;
}

.ai-journey-curved-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #010e1b;
}

.ai-journey-outer {
  margin: 0;
  position: relative;
  /* overflow: hidden; */
}
.ai-journey-container {
  max-width: min(90rem, 100%);
  margin: 0 auto;
  padding: 100px 20px 80px 20px;
  text-align: center;
  position: relative;
}
.journey-circle {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ai-journey-title {
  font-size: 10.5cqmin;
  font-weight: 400;
  margin-bottom: 70px;
  color: #ffffff;
  line-height: 1.2;
  position: relative;
  font-family: "Lexend Deca", sans-serif;
  display: inline;
  position: relative;
  z-index: 1;
}
.ai-journey-title svg {
  position: absolute;
  top: -18px;
  left: -20px;
}

.ai-journey-graphic-blob {
  position: absolute;
  z-index: -10;
  top: unset;
  left: 0;
  right: unset;
  bottom: 0;
}

.ai-journey-graphic img {
  max-width: 600px;
  border-radius: 10px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  position: relative;
}

.ai-journey-content {
  max-width: 858px;
  margin: 70px auto 0 auto;
  border-radius: 18px;
  background: linear-gradient(
    90deg,
    rgba(21, 54, 117, 0.05) 0%,
    rgba(40, 101, 219, 0.18) 48.87%,
    rgba(21, 54, 117, 0.05) 97.73%
  );
  backdrop-filter: blur(10.050000190734863px);
  display: flex;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.ai-journey-content .cta-button {
  margin-top: 15px;
}

.ai-journey-content .cta-button,
.ai-adopt-step-content .cta-button,
.ai-faq-container .cta-button,
.ai-advantage-container .cta-button {
  border-width: 1px;
}
.ai-journey-subtitle {
  color: #fff;
  text-align: center;
  font-family: "Lexend Deca";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
}

.ai-journey-description {
  color: #d6e0f8;
  text-align: center;
  font-family: "Lexend Deca";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  margin: 0;
}
/* Ai business style start here */
.ai-business-outer {
  background: linear-gradient(180deg, #03316d 0%, #0c2e51 96.9%);
  padding: 35px clamp(2rem, 6vw, 6rem);
  position: relative;
  z-index: 1;
  /* margin-top: -10%; */
}

.ai-business-outer svg.circle-left {
  position: absolute;
  bottom: -28%;
  left: 0;
  z-index: 0;
}
.ai-business-outer svg.circle-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.ai-business-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  /* min-height: 100vh; */
  padding: 100px 90px;
  max-width: min(90rem, 100%);
  margin: 50px auto;
  border-radius: 40px;
  background: radial-gradient(
      30% 82% at 50% 3%,
      #008cff6e 0%,
      rgb(0 0 0 / 36%) 75%
    ),
    #010e1b;
  z-index: 1;
}

.ai-business-left {
  flex: 1;
  padding-right: 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ai-business-title {
  font-size: 40px;
  margin-bottom: 10px;
  line-height: 1.2;
  color: #fff;
  font-family: "Lexend Deca";
  font-weight: 400;
  text-align: left;
}

.ai-business-title span {
  background: linear-gradient(90deg, #07f4ff 20.77%, #0385ff 74.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ai-business-description {
  color: #d6e0f8;
  font-family: "Lexend Deca";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  max-width: 500px;
  line-height: 27px;
  text-align: left;
  margin-bottom: 0;
}
.ai-business-right {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-content: center;
  position: relative;
  z-index: 2;
}

.ai-business-feature {
  border-radius: 18px;
  background: linear-gradient(
    120deg,
    rgba(40, 101, 219, 0.3) 11.38%,
    rgba(21, 54, 117, 0.12) 95.55%
  );
  backdrop-filter: blur(10.050000190734863px);
  padding: 30px;
  height: 195px;
  width: 276px;
}

.ai-business-feature-title {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 20px;
}

.ai-business-feature-desc {
  color: #d6e0f8;
  margin: 0;
  font-size: 16px;
  font-weight: 300;
}
.adopt-ai {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  flex: 0 0 100%;
  margin: 0 auto;
  width: 100%;
  padding-top: 50px;
}
.adopt-ai button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.adopt-ai p {
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  max-width: 430px;
  margin: 0 auto;
}
.stars-outer {
  position: absolute;
  margin: 0 auto;
  width: 300px;
  overflow: hidden;
  height: 250px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 0;
}
#stars {
  position: absolute;
  opacity: 0.5;
  margin: 0 auto;
  width: 1.5px;
  height: 1.5px;
  background: transparent;
  animation: animStar 50s linear infinite;
  box-shadow: 779px 1331px #fff, 324px 42px #fff, 303px 586px #fff,
    1312px 276px #fff, 451px 625px #fff, 521px 1931px #fff, 1087px 1871px #fff,
    36px 1546px #fff, 132px 934px #fff, 1698px 901px #fff, 1418px 664px #fff,
    1448px 1157px #fff, 1084px 232px #fff, 347px 1776px #fff, 1722px 243px #fff,
    1629px 835px #fff, 479px 969px #fff, 1231px 960px #fff, 586px 384px #fff,
    164px 527px #fff, 8px 646px #fff, 1150px 1126px #fff, 665px 1357px #fff,
    1556px 1982px #fff, 1260px 1961px #fff, 1675px 1741px #fff,
    1843px 1514px #fff, 718px 1628px #fff, 242px 1343px #fff, 1497px 1880px #fff,
    1364px 230px #fff, 1739px 1302px #fff, 636px 959px #fff, 304px 686px #fff,
    614px 751px #fff, 1935px 816px #fff, 1428px 60px #fff, 355px 335px #fff,
    1594px 158px #fff, 90px 60px #fff, 1553px 162px #fff, 1239px 1825px #fff,
    1945px 587px #fff, 749px 1785px #fff, 1987px 1172px #fff, 1301px 1237px #fff,
    1039px 342px #fff, 1585px 1481px #fff, 995px 1048px #fff, 524px 932px #fff,
    214px 413px #fff, 1701px 1300px #fff, 1037px 1613px #fff, 1871px 996px #fff,
    1360px 1635px #fff, 1110px 1313px #fff, 412px 1783px #fff, 1949px 177px #fff,
    903px 1854px #fff, 700px 1936px #fff, 378px 125px #fff, 308px 834px #fff,
    1118px 962px #fff, 1350px 1929px #fff, 781px 1811px #fff, 561px 137px #fff,
    757px 1148px #fff, 1670px 1979px #fff, 343px 739px #fff, 945px 795px #fff,
    576px 1903px #fff, 1078px 1436px #fff, 1583px 450px #fff, 1366px 474px #fff,
    297px 1873px #fff, 192px 162px #fff, 1624px 1633px #fff, 59px 453px #fff,
    82px 1872px #fff, 1933px 498px #fff, 1966px 1974px #fff, 1975px 1688px #fff,
    779px 314px #fff, 1858px 1543px #fff, 73px 1507px #fff, 1693px 975px #fff,
    1683px 108px #fff, 1768px 1654px #fff, 654px 14px #fff, 494px 171px #fff,
    1689px 1895px #fff, 1660px 263px #fff, 1031px 903px #fff, 1203px 1393px #fff,
    1333px 1421px #fff, 1113px 41px #fff, 1206px 1645px #fff, 1325px 1635px #fff,
    142px 388px #fff, 572px 215px #fff, 1535px 296px #fff, 1419px 407px #fff,
    1379px 1003px #fff, 329px 469px #fff, 1791px 1652px #fff, 935px 1802px #fff,
    1330px 1820px #fff, 421px 1933px #fff, 828px 365px #fff, 275px 316px #fff,
    707px 960px #fff, 1605px 1554px #fff, 625px 58px #fff, 717px 1697px #fff,
    1669px 246px #fff, 1925px 322px #fff, 1154px 1803px #fff, 1929px 295px #fff,
    1248px 240px #fff, 1045px 1755px #fff, 166px 942px #fff, 1888px 1773px #fff,
    678px 1963px #fff, 1370px 569px #fff, 1974px 1400px #fff, 1786px 460px #fff,
    51px 307px #fff, 784px 1400px #fff, 730px 1258px #fff, 1712px 393px #fff,
    416px 170px #fff, 1797px 1932px #fff, 572px 219px #fff, 1557px 1856px #fff,
    218px 8px #fff, 348px 1334px #fff, 469px 413px #fff, 385px 1738px #fff,
    1357px 1818px #fff, 240px 942px #fff, 248px 1847px #fff, 1535px 806px #fff,
    236px 1514px #fff, 1429px 1556px #fff, 73px 1633px #fff, 1398px 1121px #fff,
    671px 1301px #fff, 1404px 1663px #fff, 740px 1018px #fff, 1600px 377px #fff,
    785px 514px #fff, 112px 1084px #fff, 1915px 1887px #fff, 1463px 1848px #fff,
    687px 1115px #fff, 1268px 1768px #fff, 1729px 1425px #fff,
    1284px 1022px #fff, 801px 974px #fff, 1975px 1317px #fff, 1354px 834px #fff,
    1446px 1484px #fff, 1283px 1786px #fff, 11px 523px #fff, 1842px 236px #fff,
    1355px 654px #fff, 429px 7px #fff, 1033px 1128px #fff, 157px 297px #fff,
    545px 635px #fff, 52px 1080px #fff, 827px 1520px #fff, 1121px 490px #fff,
    9px 309px #fff, 1744px 1586px #fff, 1014px 417px #fff, 1534px 524px #fff,
    958px 552px #fff, 1403px 1496px #fff, 387px 703px #fff, 1522px 548px #fff,
    1355px 282px #fff, 1532px 601px #fff, 1838px 790px #fff, 290px 259px #fff,
    295px 598px #fff, 1601px 539px #fff, 1561px 1272px #fff, 34px 1922px #fff,
    1024px 543px #fff, 467px 369px #fff, 722px 333px #fff, 1976px 1255px #fff,
    766px 983px #fff, 1582px 1285px #fff, 12px 512px #fff, 617px 1410px #fff,
    682px 577px #fff, 1334px 1438px #fff, 439px 327px #fff, 1617px 1661px #fff,
    673px 129px #fff, 794px 941px #fff, 1386px 1902px #fff, 37px 1353px #fff,
    1467px 1353px #fff, 416px 18px #fff, 187px 344px #fff, 200px 1898px #fff,
    1491px 1619px #fff, 811px 347px #fff, 924px 1827px #fff, 945px 217px #fff,
    1735px 1228px #fff, 379px 1890px #fff, 79px 761px #fff, 825px 1837px #fff,
    1980px 1558px #fff, 1308px 1573px #fff, 1488px 1726px #fff,
    382px 1208px #fff, 522px 595px #fff, 1277px 1898px #fff, 354px 552px #fff,
    161px 1784px #fff, 614px 251px #fff, 526px 1576px #fff, 17px 212px #fff,
    179px 996px #fff, 467px 1208px #fff, 1944px 1838px #fff, 1140px 1093px #fff,
    858px 1007px #fff, 200px 1064px #fff, 423px 1964px #fff, 1945px 439px #fff,
    1377px 689px #fff, 1120px 1437px #fff, 1876px 668px #fff, 907px 1324px #fff,
    343px 1976px #fff, 1816px 1501px #fff, 1849px 177px #fff, 647px 91px #fff,
    1984px 1012px #fff, 1336px 1300px #fff, 128px 648px #fff, 305px 1060px #fff,
    1324px 826px #fff, 1263px 1314px #fff, 1801px 629px #fff, 1614px 1555px #fff,
    1634px 90px #fff, 1603px 452px #fff, 891px 1984px #fff, 1556px 1906px #fff,
    121px 68px #fff, 1676px 1714px #fff, 516px 936px #fff, 1947px 1492px #fff,
    1455px 1519px #fff, 45px 602px #fff, 205px 1039px #fff, 793px 172px #fff,
    1562px 1739px #fff, 1056px 110px #fff, 1512px 379px #fff, 1795px 1621px #fff,
    1848px 607px #fff, 262px 1719px #fff, 477px 991px #fff, 483px 883px #fff,
    1239px 1197px #fff, 1496px 647px #fff, 1649px 25px #fff, 1491px 1946px #fff,
    119px 996px #fff, 179px 1472px #fff, 1341px 808px #fff, 1565px 1700px #fff,
    407px 1544px #fff, 1754px 357px #fff, 1288px 981px #fff, 902px 1997px #fff,
    1755px 1668px #fff, 186px 877px #fff, 1202px 1882px #fff, 461px 1213px #fff,
    1400px 748px #fff, 1969px 1899px #fff, 809px 522px #fff, 514px 1219px #fff,
    374px 275px #fff, 938px 1973px #fff, 357px 552px #fff, 144px 1722px #fff,
    1572px 912px #fff, 402px 1858px #fff, 1544px 1195px #fff, 667px 1257px #fff,
    727px 1496px #fff, 993px 232px #fff, 1772px 313px #fff, 1040px 1590px #fff,
    1204px 1973px #fff, 1268px 79px #fff, 1555px 1048px #fff, 986px 1707px #fff,
    978px 1710px #fff, 713px 360px #fff, 407px 863px #fff, 461px 736px #fff,
    284px 1608px #fff, 103px 430px #fff, 1283px 1319px #fff, 977px 1186px #fff,
    1966px 1516px #fff, 1287px 1129px #fff, 70px 1098px #fff, 1189px 889px #fff,
    1126px 1734px #fff, 309px 1292px #fff, 879px 764px #fff, 65px 473px #fff,
    1003px 1959px #fff, 658px 791px #fff, 402px 1576px #fff, 35px 622px #fff,
    529px 1589px #fff, 164px 666px #fff, 1876px 1290px #fff, 1541px 526px #fff,
    270px 1297px #fff, 440px 865px #fff, 1500px 802px #fff, 182px 1754px #fff,
    1264px 892px #fff, 272px 1249px #fff, 1289px 1535px #fff, 190px 1646px #fff,
    955px 242px #fff, 1456px 1597px #fff, 1727px 1983px #fff, 635px 801px #fff,
    226px 455px #fff, 1396px 1710px #fff, 849px 1863px #fff, 237px 1264px #fff,
    839px 140px #fff, 1122px 735px #fff, 1280px 15px #fff, 1318px 242px #fff,
    1819px 1148px #fff, 333px 1392px #fff, 1949px 553px #fff, 1878px 1332px #fff,
    467px 548px #fff, 1812px 1082px #fff, 1067px 193px #fff, 243px 156px #fff,
    483px 1616px #fff, 1714px 933px #fff, 759px 1800px #fff, 1822px 995px #fff,
    1877px 572px #fff, 581px 1084px #fff, 107px 732px #fff, 642px 1837px #fff,
    166px 1493px #fff, 1555px 198px #fff, 819px 307px #fff, 947px 345px #fff,
    827px 224px #fff, 927px 1394px #fff, 540px 467px #fff, 1093px 405px #fff,
    1140px 927px #fff, 130px 529px #fff, 33px 1980px #fff, 1147px 1663px #fff,
    1616px 1436px #fff, 528px 710px #fff, 798px 1100px #fff, 505px 1480px #fff,
    899px 641px #fff, 1909px 1949px #fff, 1311px 964px #fff, 979px 1301px #fff,
    1393px 969px #fff, 1793px 1886px #fff, 292px 357px #fff, 1196px 1718px #fff,
    1290px 1994px #fff, 537px 1973px #fff, 1181px 1674px #fff,
    1740px 1566px #fff, 1307px 265px #fff, 922px 522px #fff, 1892px 472px #fff,
    384px 1746px #fff, 392px 1098px #fff, 647px 548px #fff, 390px 1498px #fff,
    1246px 138px #fff, 730px 876px #fff, 192px 1472px #fff, 1790px 1789px #fff,
    928px 311px #fff, 1253px 1647px #fff, 747px 1921px #fff, 1561px 1025px #fff,
    1533px 1292px #fff, 1985px 195px #fff, 728px 729px #fff, 1712px 1936px #fff,
    512px 1717px #fff, 1528px 483px #fff, 313px 1642px #fff, 281px 1849px #fff,
    1212px 799px #fff, 435px 1191px #fff, 1422px 611px #fff, 1718px 1964px #fff,
    411px 944px #fff, 210px 636px #fff, 1502px 1295px #fff, 1434px 349px #fff,
    769px 60px #fff, 747px 1053px #fff, 789px 504px #fff, 1436px 1264px #fff,
    1893px 1225px #fff, 1394px 1788px #fff, 1108px 1317px #fff,
    1673px 1395px #fff, 854px 1010px #fff, 1705px 80px #fff, 1858px 148px #fff,
    1729px 344px #fff, 1388px 664px #fff, 895px 406px #fff, 1479px 157px #fff,
    1441px 1157px #fff, 552px 1900px #fff, 516px 364px #fff, 1647px 189px #fff,
    1427px 1071px #fff, 785px 729px #fff, 1080px 1710px #fff, 504px 204px #fff,
    1177px 1622px #fff, 657px 34px #fff, 1296px 1099px #fff, 248px 180px #fff,
    1212px 1568px #fff, 667px 1562px #fff, 695px 841px #fff, 1608px 1247px #fff,
    751px 882px #fff, 87px 167px #fff, 607px 1368px #fff, 1363px 1203px #fff,
    1836px 317px #fff, 1668px 1703px #fff, 830px 1154px #fff, 1721px 1398px #fff,
    1601px 1280px #fff, 976px 874px #fff, 1743px 254px #fff, 1020px 1815px #fff,
    1670px 1766px #fff, 1890px 735px #fff, 1379px 136px #fff, 1864px 695px #fff,
    206px 965px #fff, 1404px 1932px #fff, 1923px 1360px #fff, 247px 682px #fff,
    519px 1708px #fff, 645px 750px #fff, 1164px 1204px #fff, 834px 323px #fff,
    172px 1350px #fff, 213px 972px #fff, 1837px 190px #fff, 285px 1806px #fff,
    1047px 1299px #fff, 1548px 825px #fff, 1730px 324px #fff, 1346px 1909px #fff,
    772px 270px #fff, 345px 1190px #fff, 478px 1433px #fff, 1479px 25px #fff,
    1994px 1830px #fff, 1744px 732px #fff, 20px 1635px #fff, 690px 1795px #fff,
    1594px 569px #fff, 579px 245px #fff, 1398px 733px #fff, 408px 1352px #fff,
    1774px 120px #fff, 1152px 1370px #fff, 1698px 1810px #fff, 710px 1450px #fff,
    665px 286px #fff, 493px 1720px #fff, 786px 5px #fff, 637px 1140px #fff,
    764px 324px #fff, 927px 310px #fff, 938px 1424px #fff, 1884px 744px #fff,
    913px 462px #fff, 1831px 1936px #fff, 1527px 249px #fff, 36px 1381px #fff,
    1597px 581px #fff, 1530px 355px #fff, 949px 459px #fff, 799px 828px #fff,
    242px 1471px #fff, 654px 797px #fff, 796px 594px #fff, 1365px 678px #fff,
    752px 23px #fff, 1630px 541px #fff, 982px 72px #fff, 1733px 1831px #fff,
    21px 412px #fff, 775px 998px #fff, 335px 1945px #fff, 264px 583px #fff,
    158px 1311px #fff, 528px 164px #fff, 1978px 574px #fff, 717px 1203px #fff,
    734px 1591px #fff, 1555px 820px #fff, 16px 1943px #fff, 1625px 1177px #fff,
    1236px 690px #fff, 1585px 1590px #fff, 1737px 1728px #fff, 721px 698px #fff,
    1804px 1186px #fff, 166px 980px #fff, 1850px 230px #fff, 330px 1712px #fff,
    95px 797px #fff, 1948px 1078px #fff, 469px 939px #fff, 1269px 1899px #fff,
    955px 1220px #fff, 1137px 1075px #fff, 312px 1293px #fff, 986px 1762px #fff,
    1103px 1238px #fff, 428px 1993px #fff, 355px 570px #fff, 977px 1836px #fff,
    1395px 1092px #fff, 276px 913px #fff, 1743px 656px #fff, 773px 502px #fff,
    1686px 1322px #fff, 1516px 1945px #fff, 1334px 501px #fff, 266px 156px #fff,
    455px 655px #fff, 798px 72px #fff, 1059px 1259px #fff, 1402px 1687px #fff,
    236px 1329px #fff, 1455px 786px #fff, 146px 1228px #fff, 1851px 823px #fff,
    1062px 100px #fff, 1220px 953px #fff, 20px 1826px #fff, 36px 1063px #fff,
    1525px 338px #fff, 790px 1521px #fff, 741px 1099px #fff, 288px 1489px #fff,
    700px 1060px #fff, 390px 1071px #fff, 411px 1036px #fff, 1853px 1072px #fff,
    1446px 1085px #fff, 1164px 874px #fff, 924px 925px #fff, 291px 271px #fff,
    1257px 1964px #fff, 1580px 1352px #fff, 1507px 1216px #fff, 211px 956px #fff,
    985px 1195px #fff, 975px 1640px #fff, 518px 101px #fff, 663px 1395px #fff,
    914px 532px #fff, 145px 1320px #fff, 69px 1397px #fff, 982px 523px #fff,
    257px 725px #fff, 1599px 831px #fff, 1636px 1513px #fff, 1250px 1158px #fff,
    1132px 604px #fff, 183px 102px #fff, 1057px 318px #fff, 1247px 1835px #fff,
    1983px 1110px #fff, 1077px 1455px #fff, 921px 1770px #fff, 806px 1350px #fff,
    1938px 1992px #fff, 855px 1260px #fff, 902px 1345px #fff, 658px 1908px #fff,
    1845px 679px #fff, 712px 1482px #fff, 595px 950px #fff, 1784px 1992px #fff,
    1847px 1785px #fff, 691px 1004px #fff, 175px 1179px #fff, 1666px 1911px #fff,
    41px 61px #fff, 971px 1080px #fff, 1830px 1450px #fff, 1351px 1518px #fff,
    1257px 99px #fff, 1395px 1498px #fff, 1117px 252px #fff, 1779px 597px #fff,
    1346px 729px #fff, 1108px 1144px #fff, 402px 691px #fff, 72px 496px #fff,
    1673px 1604px #fff, 1497px 974px #fff, 1865px 1664px #fff, 88px 806px #fff,
    918px 77px #fff, 244px 1118px #fff, 256px 1820px #fff, 1851px 1840px #fff,
    605px 1851px #fff, 634px 383px #fff, 865px 37px #fff, 943px 1024px #fff,
    1951px 177px #fff, 1097px 523px #fff, 985px 1700px #fff, 1243px 122px #fff,
    768px 1070px #fff, 468px 194px #fff, 320px 1867px #fff, 1850px 185px #fff,
    380px 1616px #fff, 468px 1294px #fff, 1122px 1743px #fff, 884px 299px #fff,
    1300px 1917px #fff, 1860px 396px #fff, 1270px 990px #fff, 529px 733px #fff,
    1975px 1347px #fff, 1885px 685px #fff, 226px 506px #fff, 651px 878px #fff,
    1323px 680px #fff, 1284px 680px #fff, 238px 1967px #fff, 911px 174px #fff,
    1111px 521px #fff, 1150px 85px #fff, 794px 502px #fff, 484px 1856px #fff,
    1809px 368px #fff, 112px 953px #fff, 590px 1009px #fff, 1655px 311px #fff,
    100px 1026px #fff, 1803px 352px #fff, 865px 306px #fff, 1077px 1019px #fff,
    1335px 872px #fff, 1647px 1298px #fff, 1233px 1387px #fff, 698px 1036px #fff,
    659px 1860px #fff, 388px 1412px #fff, 1212px 458px #fff, 755px 1468px #fff,
    696px 1654px #fff, 1144px 60px #fff;
}
.ai-card-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

/* Card Stack */
.ai-card-container .card-stack {
  /* width: 500px; */
  min-height: 200px;
  position: relative;
  margin: 0;
  padding: 0;
}

/* Card List */
.ai-card-container .card-list {
  width: 451px;
  margin: 0;
  position: relative;
  height: 200px;
  padding: 0;
}

@keyframes stackPulseSpring {
  0% {
    transform: scale(0.7);
  }
  60% {
    transform: scale(1.05);
  } /* Overshoot */
  80% {
    transform: scale(0.97);
  } /* Spring back */
  90% {
    transform: scale(1.02);
  } /* Small overshoot */
  100% {
    transform: scale(1);
  } /* Final position */
}

.card-stack.stack-animate {
  animation: stackPulseSpring 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); /* Using cubic-bezier for spring effect */
}

@keyframes springEffect {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  40% {
    transform: scale(1.05);
    opacity: 1;
  }
  70% {
    transform: scale(0.98);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.ai-card-container .card-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  position: absolute;
  list-style: none;
  height: 90px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: left;
  background-size: cover;
  border: 1px solid #043f8c;
  background: #043f8c;

  /* background: linear-gradient(96deg, #0081FF -29.73%, #03254B 105.03%); */
  z-index: 1;
}
.ai-card-container .card-list li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(96deg, #043f8c -29.73%, #010e1b 105.03%);
  z-index: -1;
  display: block;
  border-radius: 12px;
  height: 100%;
  padding: 2px;
}
/* Stacking Effect */
.card-list li:nth-child(1),
.card-list li:nth-child(2),
.card-list li:nth-child(3),
.card-list li:nth-child(4) {
  top: 60px;
  width: 60%;
}

.card-list li:nth-child(5) {
  top: 75px;
  width: 70%;
}

.card-list li:nth-child(6) {
  top: 87px;
  width: 80%;
}

.card-list li:nth-child(7) {
  top: 98px;
  width: 90%;
}

.card-list li:nth-child(8) {
  top: 110px;
  width: 100%;
}

.card-list li.last-card {
  animation: springEffect 0.8s ease-in-out;
  opacity: 1;
}

.card-list li.exit-animation {
  opacity: 0;
  transform: translateY(-20px);
}

.card-list li.entry-animation {
  opacity: 0;
  transform: translateY(20px);
}
.card-list li.card {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
}

.card-list li.card p {
  color: #fff;
  font-family: "Lexend Deca", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0 20px;
  margin: 0;
  text-align: left;
  /* opacity: 0; */
}
/* .card-list li.card.last-card p {
  opacity: 1;
} */

.card-list li.card span {
  color: #fff;
  font-family: "Lexend Deca", sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  display: inline;
  margin-bottom: 5px;
}

.card-list li.card p,
.card-list li.card span {
  display: none;
}

.card-list li.card.last-card p,
.card-list li.card.last-card span {
  display: flex;
}
.card-list li:last-child.card p,
.card-list li:last-child.card span {
  display: flex;
}

.ai-circle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.ai-expertise-outer {
  background: #0c2e51;
      z-index: 1;
    position: relative;
}
.ai-expertise {
  border-radius: 0;
  background-color: #010e1b;
  padding: 80px clamp(2rem, 6vw, 6rem);
  position: relative;
  padding-bottom: 45px;
}
.ai-expertise-container {
  text-align: center;
  max-width: min(90rem, 100%);
  padding: 0;
  margin: 0 auto;
}
/* .ai-expertise-title {
  color: white;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
} */

.ai-expertise-description {
  color: #d6e0f8;
  font-size: 16px;
  max-width: 632px;
  margin: 0 auto 1rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 300;
}

.ai-expertise-list {
  display: flex;
}

.ai-exp-solutions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 20px;
}
.ai-exp-column {
  flex: 1;
  background-color: #132a4e;
  border-radius: 10px;
  overflow: hidden;
  min-width: 310px;
  position: relative;
}

.ai-exp-column-image {
  width: 100%;
  object-fit: contain;
  position: relative;
  max-height: 198px;
}
.ai-exp-column-content {
  padding: 0;
  position: relative;
  z-index: 1;
  text-align: left;
  margin-top: 10px;
}
.ai-exp-column-content p {
  color: #d6e0f8;
  font-family: "Lexend Deca";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  min-height: 155px;
  margin-bottom: 0;
}

.ai-exp-column-header {
  display: flex;
  align-items: center;
}
.ai-exp-column-header h3 {
  color: #fff;
  font-family: "Lexend Deca";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}
.ai-exp-column-link {
  color: #fff;
  padding: 0;
  text-align: left;
  /* display: none; */
}
.ai-exp-column-link:hover {
  color: #0385ff;
}
.ai-exp-column-link:hover svg path {
  stroke: #0385ff;
}

.exp-marquee-container {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0 40px 0;
  position: relative;

  white-space: nowrap;
}
.exp-marquee-container::before,
.exp-marquee-container::after {
  content: "";
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to right, #010e1b 0%, transparent 100%);
}

.exp-marquee-container::after {
  right: 0;
  background: linear-gradient(to left, #010e1b 0%, transparent 100%);
}

.exp-marquee-container::before {
  left: 0;
}
.exp-marquee {
  /* display: flex; */
  width: 100%;
  /* animation: exp-scroll 20s linear infinite; */
}
.exp-marquee .splide__list {
  display: flex;
  gap: 0;
  margin: 0;
  padding: 0;
}
.exp-marquee-container .splide__slide {
  width: 64px !important; /* adjust as needed */
  margin: 0;
}

@keyframes exp-scroll {
   0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

#sliderWrapper {
  overflow: hidden;
  width: 100%;
  background: #111;
}

#sliderTrack {
  display: flex;
  align-items: center;
}

/* .exp-logo-item {
  flex-shrink: 0;
  width: 120px;
  height: 60px;
  margin-right: 30px;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
} */

.exp-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  background: linear-gradient(to bottom, #151515 0%, #47474794 100%);
  border-radius: 8px;
  width: 60px;
}

.exp-logo {
  height: 60px;
  width: 60px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  margin: 2px;
  background-color: #101010;
}
/* .exp-logo::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: '';
  display: block;
  background-color: #121d33;
}
.exp-logo::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  content: '';
  display: block;
} */
.exp-logo img {
  width: max-content;
  height: auto;
  max-width: 45px;
}
.exp-flutter-logo {
  color: #44d1fd;
}

.exp-python-logo {
  color: white;
  font-family: monospace;
}

.exp-bootstrap-logo {
  color: #7952b3;
}

.exp-js-logo {
  color: #f7df1e;
}

.exp-next-logo {
  color: white;
}

.exp-mysql-logo {
  color: #4479a1;
  font-size: 16px;
}

.exp-angular-logo {
  color: #dd0031;
}

.exp-gitlab-logo {
  color: #fc6d26;
}

/* Ai adption style start here */
.ai-adoption-container {
  padding-top: 80px;
}
.ai-adoption-dec {
  max-width: 625px;
  margin: 0 auto 40px;
  line-height: 1.6;
  font-size: 16px;
  opacity: 0.9;
  font-weight: 300;
  color: #d6e0f8;
}
.timeline-container {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #010e1b;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arc-container {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 400px;
  margin-top: 0;
  background: #010e1b;
}

.arc-path {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  border-radius: 100% 100% 0 0;
  border-top: 3px solid #0385ff;
  border-left: none;
  border-right: none;
  border-bottom: none;
  pointer-events: none;
  z-index: 2;
}

.arc-filter {
  position: absolute;
  top: -128px;
  width: 100%;
}
.arc-filter .stars-outer {
  top: 0;
}

.year-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.year-marker {
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: auto;
  user-select: none;
  z-index: 0;
  font-weight: 300;
  margin-top: 15px;
  width: auto;
}
.year-marker span {
  transform: rotate(16deg);
  display: block;
  width: 100%;
}
.year-marker.selected span {
  transform: rotate(0deg);
}
.year-marker.un-selected span {
  transform: rotate(345deg);
}
.year-marker.selected {
  color: white;
  font-weight: 500;
  transform: translate(-50%, calc(-50% - 40px)) scale(1.2);
  z-index: 2;
}
#year-heading {
  visibility: hidden;
}

.year-dot {
  margin-top: 6px;
  width: 17px;
  height: 17px;
  background-color: white;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.4;
  transition: opacity 0.4s ease;
}

.year-marker.selected .year-dot {
  opacity: 1;
}

.slider-track {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  cursor: pointer;
}

.content-display {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  width: 80%;
  transition: opacity 0.5s ease-in-out;
  z-index: 4;
}

.content-display h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-align: center;
}

.content-display p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 400px;
  margin: 0 auto;
}
.content-display button.cta-button {
  margin: 30px auto;
}

.fade {
  opacity: 0;
  transform: translate(-50%, -60%);
}
.ai-testimonial {
  border: 1px solid rgba(0, 150, 255, 0.3);
  border-radius: 95px;
  padding: 20px 32px;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ai-testimonial-text {
  color: rgba(80, 170, 255, 0.9);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  flex: 1;
}

.more-dots {
  color: rgba(80, 170, 255, 0.9);
  font-size: 24px;
  margin-left: 15px;
}

/* New Ai adption style start here */
.ai-adopt-arc::after,
.ai-adopt-arc::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  width: 25%;
}
.ai-adopt-arc::before {
  left: 0;
  background: linear-gradient(
    90deg,
    rgba(1, 14, 27, 1) 4%,
    rgba(1, 14, 27, 0) 90%
  );
}
.ai-adopt-arc::after {
  right: 0;
  background-image: -webkit-linear-gradient(
    right,
    #010e1b,
    rgba(248, 248, 248, 0)
  );
  background-image: linear-gradient(to left, #010e1b, rgba(248, 248, 248, 0));
}
.ai-adopt-ellipse {
  position: absolute;
  left: 0;
  top: -113px;
  width: 100%;
}

.ai-adopt-img {
  position: absolute;
  width: 100%;
  height: 508px;
  top: -8%;
  left: 0;
}

/* Timeline Arc */
.timeline-arc {
  position: relative;
  width: 100%;
  height: 230px;
  margin-bottom: 20px;
}

.arc-path {
  fill: none;
  stroke: rgba(0, 120, 255, 0.6);
  stroke-width: 2px;
}

.arc-glow {
  fill: none;
  stroke: rgba(0, 150, 255, 0.15);
  stroke-width: 15px;
  filter: blur(8px);
}

.ai-adoption-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
/* 
      .content-title {
        font-size: 6cqmin;
        margin-bottom: 20px;
        font-weight: 600;
      } */

.content-title span {
  color: #1e88e5;
}

.ai-description {
  max-width: 690px;
  margin: 0 auto 20px;
  line-height: 1.6;
  font-size: 16px;
  opacity: 0.9;
  font-weight: 300;
  color: #d6e0f8;
}

/* Arc and Tab Styles */
.ai-adopt-outer {
  width: 100%;
  text-align: center;
  position: relative;
  margin: 0 auto;
  background: #010e1b;
}

.ai-adopt-arc-container {
  position: relative;
  height: 85vh;
  margin: 0;
  overflow: hidden;
}

.ai-adopt-arc {
  position: absolute;
  left: 0;
  right: 0;
  top: 0%;
  height: 100vh;
  width: 100%;
}
.ai-adopt-arc-inner {
  position: absolute;
  width: 100%;
  height: 100vh;
  border: 15px solid rgb(3, 133, 255);
  border-radius: 50%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgb(1, 14, 27);
  box-shadow: rgb(21, 69, 148) 0px 0px 90px 0px;
  filter: blur(9.7px);
  margin: 0 auto;
}

.ai-adopt-tabs-container {
  width: 100%;
  /* overflow: clip;
        background-image: url(../../whiteForest/images/ai-advantage/elipse-half2.webp);
        background-position: center -2cqmin;
        background-repeat: no-repeat;
        background-size: 100%; */
  position: relative;
  overflow: hidden;
}
.ai-adopt-tabs-container::before {
  height: 100%;
  content: "";
  position: absolute;
  overflow: clip;
  background-image: url(../../whiteForest/images/ai-advantage/elipse-half2.webp);
  background-position: left -25px;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0;
  z-index: 0;
  width: 100%;
  left: 0;
}
.ai-adopt-tabs {
  position: relative;
  top: 18cqmin;
  width: 3500px;
  height: 3500px;
  border-top: 3px solid #0d6efd;
  border-radius: 50%;
  transform: translate(-50%);
  left: 50%;
      border-bottom-color: #010e1c;
    border-left-color: #010e1c;
    z-index: 1;
    border-right-color: #010e1c;
    /* background: #010e1c; */
    border-width: 3px;
    border-top-color: #006bff;
    border-style: solid;
}
.ai-adopt-tabs-left {
  left: 0%;
  width: 10%;
  height: 500px;
  background: linear-gradient(to right, #010e1b 50%, transparent 100%);
  background-size: cover;
  /* filter: blur(8px); */
  position: absolute;
  top: 5px;
  z-index: 2;
}
.ai-adopt-tabs-right {
  right: 0%;
  width: 10%;
  height: 500px;
  background: linear-gradient(to left, #010e1b 50%, transparent 100%);
  background-size: cover;
  /* filter: blur(8px); */
  position: absolute;
  top: 5px;
  z-index: 2;
}

/* .ai-adopt-tabs::before, .ai-adopt-tabs::after {
        content: "";
        position: absolute;
        top: 0;
        width: 200px;
        height: 100%;
      } */

.ai-adopt-svg {
  width: 100%;
  background-image: url("./images/tab-ellipse.webp");
  object-fit: cover;
}
.ai-adopt-tab {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.5s ease;
  cursor: pointer;
  z-index: 2;
  /* overflow: clip; */
}

/* Updated tab content styles for better arc alignment */
.ai-adopt-tab-content {
  margin-bottom: 18px;
  width: 245px;
  height: 28px;
  text-align: center;
  font-size: 17px;
  transition: all 0.3s ease;
  fill: white;
  pointer-events: none;
  transform-origin: bottom center;
  overflow: visible;
  font-weight: 400;
  letter-spacing: 0.5pxj;
  opacity: 0.5;
  transition: 0.3s all;
}

.ai-adopt-tab-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #5072a6;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.ai-adopt-tab:not(.active):hover .ai-adopt-tab-circle {
  background-color: white;
  position: relative;
}

.ai-adopt-tab:not(.active):hover .ai-adopt-tab-circle::before {
  content: "➝";
  position: absolute;
  color: #1e88e5;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ai-adopt-tab:not(.active):hover .ai-adopt-tab-circle::before {
  content: var(--arrow-content);
}

/* Override cursor on hover */

.ai-adopt-tab.active .ai-adopt-tab-circle {
  background-color: white;
}

.ai-adopt-tab.active .ai-adopt-tab-content {
  color: white;
  opacity: 1;
}
/*       
      .ai-adopt-tab:not(.active):hover .ai-adopt-tab-circle::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        opacity: 1;
        z-index: 10;
        cursor: pointer;
    }
    
    .ai-adopt-tab[data-position^="-"]:not(.active):hover .ai-adopt-tab-circle::before {
        border-width: 1px;
        border-color: #000000;
        left: 0;
        top: 8px;
        transform: translateY(-50%);
    }
    
    .ai-adopt-tab[data-position^="+"]:not(.active):hover .ai-adopt-tab-circle::before,
    .ai-adopt-tab[data-position="1"]:not(.active):hover .ai-adopt-tab-circle::before,
    .ai-adopt-tab[data-position="2"]:not(.active):hover .ai-adopt-tab-circle::before,
    .ai-adopt-tab[data-position="3"]:not(.active):hover .ai-adopt-tab-circle::before {
      border-width: 1px;
      border-color: #fff;
      right: 0;
      top: 0;
      margin-left: -10px;
      margin-left: 0;
      margin-top: 8px;
    } */

/* Step Content Styles */
.step-content-outer {
  background: #020f1c;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 38%;
  filter: blur(9.7px);
}

.ai-adopt-step-content {
  /* max-width: 1000px; */
  margin: 0 auto;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.8s ease;
  transform-origin: bottom center;
  transition: opacity 0.5s ease;
  opacity: 0;
  z-index: 2;
  display: none;
  height: 100%;
  height: fit-content;
  margin: auto;
  top: auto;
  bottom: 0;
  padding: 80px 0;

}

.ai-adopt-step-content.active {
  transition: all 0.8s ease;
  transform-origin: bottom center;
  opacity: 1;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  
  height: fit-content;
  margin: auto;
  top: 25%;
  bottom: 0;
  padding: 80px 0;
}
.ai-adopt-step-content .cta-button {
  margin: 0 auto;
  width: max-content;
}
.ai-adopt-step-content .cta-button svg path {
  stroke: #fff;
}
.ai-adopt-step-content .cta-button:hover {
  color: #fff;
}

.ai-adopt-description {
  max-width: 768px;
  margin: 0 auto 40px;
  position: relative;
}
.ai-adopt-description-inner {
  padding: 0 112px;
  line-height: 27px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}
.ai-adopt-quote-card {
  /* background-color: rgba(30, 136, 229, 0.1); */
  /* border: 1px solid rgba(30, 136, 229, 0.3); */
  border-radius: 75px;
  max-width: 638px;
  margin: 0 auto 65px;
  padding: 1px;
  background: linear-gradient(90deg, #2286e8 33.18%, #4ac7ff1a 80.56%);
}
.ai-adopt-inner {
  display: flex;
  align-items: center;
  position: relative;
  background: #000d1a;
  padding: 20px 22px;
  margin: 0;
  border-radius: 75px;
}

.ai-adopt-quote-text {
  color: #47a3fe;
  line-height: 20px;
  text-align: center;
  flex-grow: 1;
  font-size: 15px;
  font-weight: 400;
}

.ai-adopt-dots-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /* background-color: rgba(30, 136, 229, 0.1); */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}

.ai-adopt-dots {
  color: #1e88e5;
  font-size: 20px;
}
/* New hover style with white circle and arrow inside */
.ai-adopt-tab:not(.active):hover .ai-adopt-tab-circle {
  background-color: white;
  position: relative;
}

.ai-adopt-tab:not(.active):hover .ai-adopt-tab-circle::before {
  content: var(--arrow-content);
  position: absolute;
  color: #1e88e5;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.primary-link-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #fff;
  background: transparent;
  margin-top: 32px;
  gap: 10px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 2;
  padding: 10px 25px;
  margin: 0 auto;
  width: max-content;
  color: #fff;
}

.primary-link-btn:hover {
  box-shadow: 0px 0px 18px 0px #043f8c;
  transition: box-shadow 0.5s ease-in-out;
  color: #fff;
}
.primary-link-btn svg path {
  stroke: #fff;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}


/* Keep cursor as default arrow when hovering */
@media (max-width: 376px) {
    .privacy-text, .privacy-link {
        font-size: 11px;
    }
}
@media (max-width: 768px) {
  /* .ai-adoption-outer .ai-adopt-outer .ai-adopt-step-content {
    top: 30% !important;
  } */
   .talk-section-title {
        font-size: 25px !important;
        padding-left: 00px;
        margin-bottom: 15px !important;
        line-height: 42px !important;
    }
 .background-pattern {
    height: 300px;
  }
  .ai-hero-description {
    width: 100%;
  }
  .ai-business-container {
    border-radius: 0 !important;
  }

  .ai-expertise {
    padding: 50px 20px;
  }
  .ai-adopt-description,
  .ai-adopt-quote-card {
    max-width: unset;
  }
  .ai-adopt-step-content {
    width: 100%;
    padding: 0 16px;
    /* bottom: 20% !important; */
  }
  .ai-adopt-tab-content {
    width: 165px;
    font-size: 14px;
  }
    .ai-adopt-step-content.active {
        width: 100% !important;
    }
  .content-title {
    font-size: 6.85cqmin;
  }
  .ai-adoption-dec {
    max-width: unset;
    padding: 14px;
  }
  .ai-adopt-tabs-container::before {
    background-position: left 20px;
  }
  .ai-adopt-quote-text {
    font-size: 14px;
  }
  .ai-adopt-quote-card {
    border: 0;
    border-radius: 0;
    padding: 1px;
    max-width: unset;
    margin: 20px auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-flow: column-reverse;
    background: #000d1a;
  }
  .ai-adopt-dots-icon {
    margin-left: 0;
    display: none;
  }
  .ai-adopt-description {
    margin: 0 auto;
  }

  .ai-hero-description,
  .ai-journey-description,
  .ai-description,
  .ai-adopt-description {
    font-size: 14px;
  }
  .ai-team-outer {
    padding: 0px 0px !important;
  }
  .ai-description {
    margin: 0 auto !important;
  }
  .ai-team-container {
    padding: 50px 0 !important;
  }
  .ai-business-container {
    max-width: 100% !important;
  }
  .ai-business-description {
    max-width: 100% !important;
  }
}
/* New Ai adption style end here */

/* Team style start here */
.ai-team-outer {
  background: #010e1b;
  position: relative;
  overflow: hidden;
  padding: 0px clamp(2rem, 6vw, 6rem);
}
.strategy-ellipse {
  position: absolute;
  left: 0;
  top: -38px;
}

.ai-team-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-width: min(90rem, 100%);
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
  position: relative;
  /* background: radial-gradient(38.03% 14.34% at 50% 0%, rgb(3 133 255 / 41%) 0%, rgb(1 14 27 / 0%) 60.33%), radial-gradient(23.89% 12.3% at 50% 103.77%, #008cff80 0%, rgba(20, 20, 22, 0) 99.38%), var(--0500, #010e1b); */
}
.ai-team-container::before {
  content: "";
  display: flex;
  height: 11px;
  position: absolute;
  top: -8px;
  width: 500px;
  right: auto;
  margin: 0 auto;
  background: radial-gradient(
      50% 20% at 50% 80%,
      #008cff 0%,
      rgba(20, 20, 22, 0) 99.38%
    ),
    var(--0500, #010e1b00);
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translate(-50%, 0px);
}
.ai-team-container::after {
  content: "";
  display: flex;
  height: 7px;
  position: absolute;
  bottom: 0px;
  width: 800px;
  right: auto;
  margin: 0 auto;
  background: radial-gradient(
      50% 20% at 50% 80%,
      #008cff 0%,
      rgba(20, 20, 22, 0) 99.38%
    ),
    var(--0500, #010e1b00);
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translate(-50%, 0px);
}
.ai-team-container .stars-outer {
  bottom: 0;
}
.digital-outer {
  background-color: #010e1b;
}
.digital-trans {
  background: linear-gradient(90deg, rgba(1, 14, 27, 0.18) 0%, rgba(40, 101, 219, 0.18) 48.87%, rgba(1, 14, 27, 0.18) 97.73%);
  backdrop-filter: blur(10.050000190734863px);
  max-width: min(65rem, 100%);
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 80px 0;
}

.ai-team-left, .digital-trans {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  align-items: center;
  position: relative;
}
.ai-team-left .content-title, .digital-trans .content-title,
.ai-team-left .ai-description, .digital-trans .ai-description {
  text-align: center;
}
.ai-team-description, .digital-trans .ai-description  {
  max-width: 800px;
  margin: 0 auto 3rem;
  line-height: 1.6;
  color: #fff;
}
.digital-trans .ai-description{
  padding: 0;
  margin: 0;
  max-width: 642px;
}


.ai-team-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 3.5rem;
  margin-bottom: 0;
  /* max-width: 1185px; */
  padding: 15px 0;
  margin-left: auto;
  margin-right: auto;
}

.ai-team-card {
  text-align: left;
  margin-top: 0;
  border-bottom: 1px solid #3e77ae;
  position: relative;
  width: 158px;
}
/* .ai-team-card:first-child {
  margin-left: 158px;
} */
.ai-team-card .spectacledcoder-gradient-card {
  margin: 20px auto;
  display: flex;
  background: linear-gradient(var(--gradient-angle), #002345, #153675);
  border-radius: 18px;
  animation: none;
  backdrop-filter: blur(50px);
}
.box5 {
  grid-column: 1;
}
.box6 {
  grid-column: 2;
}
.box7 {
  grid-column: 3;
}

.team-img-container {
  border-radius: 18px;
  background: radial-gradient(
    66.48% 77.52% at 1.96% 4.32%,
    rgba(40, 101, 219, 0.52) 0%,
    rgba(21, 54, 117, 0.08) 100%
  );
  backdrop-filter: blur(10.050000190734863px);
  overflow: hidden;
  margin-bottom: 20px;
}
.team-img-container .spectacledcoder-content-card {
  padding: 0;
}

.team-img-container img {
  background-blend-mode: luminosity;
  background: radial-gradient(
    66.48% 77.52% at 1.96% 4.32%,
    rgba(40, 101, 219, 0.52) 0%,
    rgba(21, 54, 117, 0.08) 100%
  );
  border-radius: 18px;
  backdrop-filter: blur(10.050000190734863px);
}

.ai-team-image-container {
  position: relative;
  width: 158px;
  height: 184px;
  border-radius: 13px;
  overflow: hidden;
  margin-bottom: 11px;
}

.ai-team-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 320px; */
  object-fit: cover;
  border-radius: 8.56px;
  /* transition: opacity 1s ease; */
  /* transition: transform 0.5s ease; */
  z-index: 1;
}

.ai-team-image-1 {
  opacity: 1;
}

.ai-team-image-2,
.ai-team-image-3 {
  opacity: 0;
}

.ai-team-card:hover .ai-team-image-1 {
  opacity: 0;
}

.ai-team-card:hover .ai-team-image-2 {
  animation: fadeInOut 0.85s infinite;
  animation-delay: 0.2s;
  opacity: 1;
}

.ai-team-card:hover .ai-team-image-3 {
  animation: fadeInLast 0.5s;
  animation-delay: 1s;
}
.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(126deg, rgb(56 140 255 / 60%), #051025); */
  background: radial-gradient(circle at -100%, rgb(56 140 255 / 60%), #051025);
  transition: all 0.5s ease;
  border-radius: 20px;
}
.ai-team-card:hover .gradient-overlay {
  background: linear-gradient(220deg, rgb(56 140 255 / 69%), #051025);
  animation: gradientShift 1.5s ease forwards;
}

.bottom-hover {
  background: radial-gradient(
    62.77% 29.69% at 50% 102.19%,
    #008cff 0%,
    rgba(20, 20, 22, 0) 99.38%
  );
  display: none;
  position: absolute;
  bottom: 0;
}
.ai-team-card:hover .ai-bottom-shadow {
  opacity: 1;
}
.ai-bottom-shadow {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  display: block;
  z-index: 2;
  bottom: -4px;
  left: 0;
  background: radial-gradient(
      50% 20% at 50% 100%,
      #016fcaa1 0%,
      rgba(20, 20, 22, 0) 76.38%
    ),
    #010e1b00;
}

@keyframes gradientShift {
  0% {
    background-position: 0% 0%;
    opacity: 0.7;
  }
  100% {
    background-position: 80% 100%;
    opacity: 0.9;
  }
}

@keyframes fadeInLast {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.team-outer {
  position: relative;
  width: 100%;
}
.ai-team-name {
  margin-bottom: 0.5rem;
  color: #fff;
  font-family: "Lexend Deca";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-align: left;
}

.ai-team-role {
  margin-bottom: 1rem;
  color: #fff;
  font-family: "Lexend Deca";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  text-align: left;
}

.ai-team-bio-button {
  color: #fff;
  text-decoration: none;
  padding: 0;
  text-transform: uppercase;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  right: 0;
  margin: 0;
  display: flex;
}

.ai-team-bio-button:hover {
  color: #008cff;
}
.ai-team-bio-button:hover svg path {
  stroke: #008cff;
}
.ai-team-bio-button svg {
  width: 16px;
  height: 16px;
}

.team-gradient-card-outer {
  /* margin: auto; */
  display: flex;
  /* background: linear-gradient(var(--gradient-angle), #0385ff1c, #0385FF); */
  /* background: linear-gradient(var(--gradient-angle), #0385FF, #153675); */
  border-radius: 8.564px;
  backdrop-filter: blur(50px);
  overflow: hidden;
  border-radius: 8.56;
  background-size: 300% 100%;
  background-image: linear-gradient(
    to right,
    #143568,
    #091a35,
    #091a35,
    #143568
  );
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 2px solid #14367a;
}
.team-gradient-card-outer:hover {
  /* animation: rotationteam 5s linear 0s infinite normal forwards; */
  background-position: 100% 0;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-gradient-card {
  margin: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  border-radius: 8.56px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.team-gradient-card::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: radial-gradient(
    88% 61% at -15.04% -6%,
    rgba(40, 101, 219, 0.52) -25%,
    rgb(21 54 117 / 0%) 100%
  );
  backdrop-filter: blur(10.050000190734863px);
  z-index: 0;
  border-radius: 8.56px;
}
@keyframes rotation {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

/* Team style end here */
/* Faq style start here */
.ai-faq-outer {
  background: #010e1b;
  padding-bottom: 45px;
  position: relative;
  z-index: 1;
}

.faq-circle-left {
  position: absolute;
  top: 0;
  left: 0;
  /* transform: translate(-50%, 0%); */
}
.faq-circle-right {
  position: absolute;
  top: 25%;
  right: 0;
  /* transform: translate(-50%, 0%); */
}
.ai-faq-container {
  width: 100%;
  max-width: min(90rem, 100%);
  margin: 0 auto;
  padding: 30px clamp(2rem, 8vw, 8rem);
  text-align: center;
  padding-bottom: 15px;
}
.ai-faq-container ul {
  padding: 0;
  margin-bottom: 25px;
}
/* .ai-faq-container ul li {

} */
.ai-faq-container button.visual-item {
  --i: -1.25;
  width: 100%;
}
.ai-faq-container .component,
[id*="menu"] {
  grid-gap: 0.5em;
}

.ai-faq-container div,
.ai-faq-container ul {
  transform-style: preserve-3d;
}

.ai-faq-container .component {
  place-self: center;
  padding: 0.5em;
  font: clamp(0.625em, 5vw, 1.125em) monospace;
  max-width: 800px;
  margin: 0 auto;
}

[aria-expanded],
[id*="menu"] {
  --hid: 0;
}

[aria-expanded="false"],
[id*="menu"][inert] {
  --hid: 1;
  max-height: 180px;
}
.ai-faq-container button.cta-button {
  margin: 0 auto;
}
/* .ai-faq-container button {
  --highlight: 0 0 calc(var(--hl) * 7px) hsl(180, 90%, 50%);
  box-shadow: var(--highlight);
} */

.ai-faq-container button[disabled] {
  opacity: 0.375;
}

.ai-faq-container button:focus {
  outline: none;
}

.ai-faq-container button:not([disabled]) {
  cursor: pointer;
}

.ai-faq-container button:not([disabled]):is(:focus, :hover) {
  --hl: 1;
}

:not(li) > .toggler::after {
  width: 0.625em;
  aspect-ratio: 1;
  border: solid 0 currentcolor;
  border-width: 0 2px 2px 0;
  transform: rotate(calc(45deg - var(--hid) * 90deg));
  transition: inherit;
  content: "";
  display: inline;
  position: absolute;
  right: 30px;
  top: 30px;
}

.ai-faq-container .toggler[aria-expanded="true"] {
  --sel: 1;
}
.ai-faq-container .toggler.visual-item {
  border: 0;
  width: 100%;
  background: linear-gradient(
    123deg,
    rgb(3 133 255) -38%,
    rgb(3 133 255 / 17%) 65%
  );
  padding: 2px;
}
.toggler-bg {
  display: block;
  width: 100%;
  background: radial-gradient(
      38% 133% at 6% 30%,
      rgba(14, 118, 225, 0.59) -25%,
      rgba(5, 23, 47, 0) 100%
    ),
    #05162f;
  /* box-shadow: 0px -61px 25.3px 0px rgba(1, 14, 27, 0.52); */
  padding: 24px;
  height: 100%;
  border-radius: 16px;
}

.ai-faq-container .visual-item {
  --m: calc(0.5 * var(--n));
  --dif: calc(var(--m) - var(--i) - 1);
  grid-gap: 1.5em;
  grid-template-columns: max-content Min(12.5em, 20vw) max-content;
  align-items: center;
  overflow: hidden;
  padding: 1em;
  border-radius: 0.5rem;
  transform: translate3d(
    0,
    calc(var(--hid) * var(--dif) * (100% + 0.5em)),
    calc(var(--hid) * (var(--i) + 1) * -2.5em)
  );
  --cast-back: 0 -1px 1px -1px hsla(0, 0%, 0%, 0.145),
    0 -2px 2px -2px hsla(0, 0%, 0%, 0.137),
    0 -6px 6px -3px hsla(0, 0%, 0%, 0.118),
    0 -20px 20px -4px hsla(0, 0%, 0%, 0.05);
  box-shadow: var(--cast-back);
  background: linear-gradient(96deg, #093772 -29.73%, #010e1b 105.03%);
  border: 2px solid #0a4989b0;
  color: #fff;
  font-family: "Lexend Deca";
  font-size: 20px;
  font-weight: 300;
  filter: brightness(calc(1 - (var(--i) + 1) * var(--hid) * 0.1));
  border-radius: 16px;
}

.ai-faq-container .visual-item .ico {
  place-content: center;
  font-size: 16px;
  margin-right: 8px;
}
.ai-faq-container .visual-item .ico svg {
  margin-top: -5px;
}
.ai-faq-container ul li.visual-item.faq-item {
  height: auto;
  margin: 0px auto;
}
/* .ai-faq-container ul li.visual-item.faq-item::before {
  display: block;
  width: 100%;
  background: radial-gradient(38% 133% at 6% 30%, rgba(14, 118, 225, 0.59) -25%, rgba(5, 23, 47, 0.00) 100%), #05162F;
  box-shadow: 0px -61px 25.3px 0px rgba(1, 14, 27, 0.52);
  padding: 25px;
  height: 100%;
  border-radius: 16px;
  position: absolute;
  z-index: -1;
  left: 0;
  top:0;
  content: '';
} */
.ai-faq-container .visual-item > .toggler {
  font-size: 2em;
}
.ai-faq-container ul li.visual-item.faq-item:nth-child(1) {
  width: 95%;
  margin-top: 10px;
}
.ai-faq-container ul li.visual-item.faq-item:nth-child(2) {
  width: 90%;
  margin-top: -10px;
}
.ai-faq-container ul li.visual-item.faq-item:nth-child(3) {
  width: 85%;
  margin-top: -10px;
}
.ai-faq-container ul li.visual-item.faq-item:nth-child(4) {
  width: 80%;
  margin-top: -10px;
}
.ai-faq-container ul li.visual-item.faq-item:nth-child(5),
.ai-faq-container ul li.visual-item.faq-item:nth-child(6),
.ai-faq-container ul li.visual-item.faq-item:nth-child(7),
.ai-faq-container ul li.visual-item.faq-item:nth-child(8),
.ai-faq-container ul li.visual-item.faq-item:nth-child(9),
.ai-faq-container ul li.visual-item.faq-item:nth-child(10) {
  display: none;
}
.ai-faq-container ul.faq-active-list li {
  width: 100% !important;
  margin: 10px 0 !important;
}
.ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child() {
  width: 100% !important;
}
.ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child(5),
.ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child(6),
.ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child(7),
.ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child(8),
.ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child(9),
.ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child(10) {
  display: block;
}

@media (prefers-reduced-motion: no-preference) {
  .ai-faq-container .visual-item {
    transition: 0.375s cubic-bezier(0.35, 1.35, 0.65, 1);
  }
}

.ai-faq-container button.visual-item {
  --i: -1.1;
  z-index: 1; /* Safari bugginess fix */
  box-shadow: var(--highlight), var(--cast-back);
  text-align: left;
  position: relative;
}
.ai-faq-container button.visual-item span.icon {
  position: absolute;
  right: 15px;
}
.faq-question {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  font-weight: 400;
  position: relative;
  border-radius: 12px;
  font-size: 20px;
  position: relative;
}
.faq-question span.faq-text {
  padding-right: 25px;
}

.faq-question span {
  font-size: 16px;
  font-family: "Lexend Deca";
}
.faq-question span.icon {
  position: absolute;
  right: 0;
  top: -13px;
  font-weight: 200;
  font-size: 36px;
}

.faq-question i {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

.faq-question.active i {
  transform: rotate(180deg);
}

.faq-answer {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  text-align: left;
  line-height: 1.6;
  transition: all 0.1s ease-in-out;
  font-size: 16px;
  font-family: "Lexend Deca";
  opacity: 0;
}

.faq-answer.active {
  padding: 15px 0;
  max-height: 500px;
  opacity: 1;
  transition: max-height 0.1s ease, padding 1.3s ease;
}
.faq-answer.active p {
  font-size: 14px;
  font-family: "Lexend Deca";
  font-weight: 300;
  margin-bottom: 0;
}

.ai-faq-button {
  border-radius: 16px;
  border: 2px solid #0385ff;
  background: radial-gradient(
      288.58% 83.77% at 6.08% 30.54%,
      rgba(14, 118, 225, 0.59) 0%,
      rgba(5, 23, 47, 0) 100%
    ),
    #05162f;
  box-shadow: 0px -61px 25.3px 0px rgba(1, 14, 27, 0.52);
}

/* Faq style end here */

/* Ai experience section start here */

.ai-exp-outer {
  background: #010e1b;
  padding: 0;
  position: relative;
}
.exp-circle-left {
  position: absolute;
  top: 0;
  left: 0;
  /* transform: translate(-50%, 0%); */
}
.exp-circle-right {
  position: absolute;
  top: 0;
  right: 0;
}

.ai-exp-container {
  width: 100%;
  /* max-width: min(90rem, 100%); */
  margin: 0;
  padding: 0;
}
.ai-advantage-container {
  max-width: min(90rem, 100%);
  margin: 0 auto;
  padding: 0px 20px 80px 20px;
  text-align: center;
  position: relative;
}
.ai-exp-title {
  color: #fff;
  text-align: center;
  font-family: "Lexend Deca";
  /* font-size: 75px; */
  font-size: 10.85cqmin;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.5px;
  padding-top: 8cqmin;
}
.ai-exp-title span {
  position: relative;
  display: block;
  display: inline-block;
  text-align: center;
}
.ai-exp-title span svg {
  position: absolute;
  left: -22px;
  top: 0;
  max-width: 30px;
  max-height: 30px;
}
.exp-ai {
  text-align: center;
}
.exp-ai p {
  padding: 30px 0;
}
.exp-ai button {
  margin: 0 auto;
}

/* Ai experience section end here */

.spectacledcoder-gradient-card {
  /* margin: auto; */
  display: flex;
  background: linear-gradient(var(--gradient-angle), #0385ff1c, #0385ff);
  border-radius: 22px;
  backdrop-filter: blur(50px);
  overflow: hidden;
  border-radius: 18px;
  padding-bottom: 4px;
}
.spectacledcoder-gradient-card:hover {
  animation: rotation 5s linear 0s infinite normal forwards;
}
.spectacledcoder-content-card.team-bg {
  background: transparent\;;
}
.spectacledcoder-content-card {
  margin: 1.5px;
  width: 100%;
  height: 100%;
  padding: 32px;
  background: #010e1b;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.spectacledcoder-content-card::before {
  position: absolute;
  z-index: 0 !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: radial-gradient(
    66.48% 77.52% at 1.96% 4.32%,
    rgba(40, 101, 219, 0.52) 0%,
    rgba(21, 54, 117, 0.08) 100%
  );
  backdrop-filter: blur(10.050000190734863px);
  z-index: 0;
  border-radius: 18px;
}

.ai-adopt-prev-btn,
.ai-adopt-next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  z-index: 2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-adopt-prev-btn svg,
.ai-adopt-next-btn svg {
  margin: 0 auto;
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
}

.ai-adopt-prev-btn {
  left: 0;
}

.ai-adopt-next-btn {
  right: 0;
}

button.ai-adopt-prev-btn:hover,
button.ai-adopt-next-btn:hover {
  border: 0;
}
button.ai-adopt-prev-btn:hover svg path,
button.ai-adopt-next-btn:hover svg path {
  stroke: #47a3fe;
}
.banner-svg-bg img.banner-img1,
.banner-svg-bg img.banner-img2 {
  bottom: -10cqmin;
}

@keyframes rotation {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes borderAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Animations */
@keyframes scaleUp {
  0% {
    transform: scale(1.2) translateY(50px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.2) translateY(100px);
    opacity: 0;
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-1000px);
  }
}
@media screen and (min-width: 1921px) {
    .menu-container .desk_menu, .ai-hero-container, .ai-container-head, .ai-journey-container, .ai-team-container, .ai-business-container, .ai-expertise-container, .ai-faq-container, .ai-advantage-container, .footer-container {
        max-width: 1512px;
    }
    .ai-journey-title {
      font-size: 9cqmin; 
    }
    .ai-adopt-tabs {
      top: 24cqmin;
    }
    .ai-adopt-tabs-left, .ai-adopt-tabs-right {
       height: 100%;
        width: 35%;
    }
    .ai-hero-right {
    right: -75px;
    top: -72px;
    /* top: -34cqmin; */
}
.ai-adopt-tabs-container::before {
     width: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
   
}

@media (max-width: 415px) {
      .ai-adopt-arc-container {
        max-height: 585px !important;
        height: 100% !important;
    }
}

@media (max-width: 420px) {
  .ai-banner-radial-bg {
    top: -55% !important;
  }
  .ai-faq-container ul li.visual-item.faq-item:nth-child(4) {
    margin-top: 25px !important;
  }
  .ai-faq-container ul.faq-active-list li.visual-item.faq-item:nth-child(4) {
    margin-top: 10px !important;
  }
  .ai-journey-subtitle {
    line-height: 32px;
  }
  .faq-heading {
    font-size: 16px !important;
  }
  .toggler-bg {
    padding: 24px 12px;
  }
  .ai-faq-container .visual-item {
    padding: 1em 14px;
  }
  .ai-hero {
    height: 90vh !important;
  }

  .ai-journey-content {
    padding: 20px;
  }
  .ai-card-container .card-list {
    width: 325px;
  }
  .card-list li.card {
    padding: 10px 20px;
  }
  .ai-adoption-outer {
    max-height: 800px !important;
  }
  .ai-business-container {
    padding: 50px 0px 20px 0px;
  }
  .spectacledcoder-content-card {
    padding: 30px 20px;
  }
  .ai-exp-column {
    min-width: 305px;
  }
  .timeline-container {
    height: 100vh !important;
  }
  .arc-filter {
    display: none;
  }
  .exp-circle {
    left: 0;
  }
  .ai-advantage-container {
    padding: 0;
  }
.ai-adoption-outer .ai-adopt-outer .ai-adopt-step-content {
    top: 5% !important;
  }
      /* .ai-adopt-arc-container {
        height: 90vh !important;
    } */
  /* .ai-adopt-outer .ai-adopt-step-content {
    bottom: 12% !important;
  } 
      .ai-adopt-arc-container {
        height: 90vh;
    }*/
}

@media (max-width: 521px) {
  .strategy-ellipse {
    display: none;
  }
  /* .ai-adoption-outer .ai-adopt-outer .ai-adopt-step-content {
    top: 18% !important;
  } */
  .ai-business-container .ai-circle {
    left: 0;
    right: unset;
    bottom: 0;
    top: unset;
  }
  .card-list li:nth-child(4) p {
    font-size: 8px !important;
  }
  .ai-adoption-outer {
    max-height: unset !important;
  }
  .ai-business-left .ai-card-container .card-list {
    width: 90cqmin !important;
  }
  .card-list li.card {
    padding: 0 15px;
    overflow: hidden;
  }
  .ai-business-container {
    background: radial-gradient(
        55% 70% at 50% -10%,
        #008cffad -33%,
        rgba(1, 14, 27, 0) 80%
      ),
      #010e1b !important;
  }
  .ai-business-title {
    padding-bottom: 30px;
  }
  .ai-business-right {
    display: flex;
    overflow-x: auto;
    flex-direction: row;
    width: 100%;
    scrollbar-width: none;
    padding: 0 !important;
  }
  .ai-business-feature:first-child {
    margin-left: 20px;
  }
  .ai-business-feature:last-child {
    margin-right: 20px;
  }
  .ai-business-feature {
    min-width: 275px;
  }
  .faq-question span {
    font-size: 14px;
  }
  .ai-faq-container {
    padding: 50px 20px;
    text-align: center;
  }

  .ai-testimonial {
    border-radius: 20px;
    padding: 20px;
  }
  .content-display {
    width: 90%;
  }

  .ai-team-grid {
    margin-bottom: 0;
  }
  .ai-exp-outer {
    padding: 20px;
  }
  .ai-exp-container {
    width: 100%;
    max-width: 100%;
    padding: 20px 0;
  }
  .ai-faq-container .component {
    padding: 0;
  }
  .ai-exp-column {
    min-width: 310px !important;
  }
  .ai-expertise-container {
    max-width: 100%;
  }
  .ai-hero-heading {
    font-size: 7.5cqmin !important;
    margin-bottom: 25px;
  }
  .banner-svg-bg {
    scale: 1.35;
  }
  .ai-hero-container {
    padding-top: 0 !important;
  }
  .ai-hero-description {
    padding-bottom: 30px;
  }
  .exp-circle {
    left: 0;
  }
  .ai-advantage-container {
    max-width: fit-content;
    margin: 0 auto;
    padding: 0px;
  }
  .ai-exp-outer .exp-circle-right {
    display: none;
  }
  .ai-team-container .ai-team-grid {
    gap: 1rem !important;
  }
  .ai-exp-solutions {
    gap: 12px;
  }
  .ai-journey-subtitle {
    line-height: 30px;
    padding-top: 30px;
  }
  .ai-journey-title {
    font-size: 6cqmin !important;
  }
  .ai-journey-title img {
    height: 30px !important;
  }
  .ai-hero-left {
    padding-top: 20px !important;
  }
  .ai-hero-description,
  .ai-journey-description,
  .ai-description,
  .ai-adopt-description {
    line-height: 24px;
  }
  .banner-svg-bg img.banner-img1,
  .banner-svg-bg img.banner-img2 {
    width: 100%;
    bottom: 0cqmin !important;
  }

  .ai-description {
    max-width: unset !important;
  }
  .ai-journey-content {
    padding: 20px !important;
    margin-top: 0;
    backdrop-filter: unset;
  }
  .ai-journey-container {
    padding: 35px 0px 0px 0px !important;
  }
  .journey-circle {
    right: -45%;
  }

  .ai-exp-title span svg {
    position: absolute;
    left: -20px !important;
    top: -6px;
    max-width: 24px;
    max-height: 24px;
  }
}
@media (max-width: 768px) {
  .ai-card-container .card-list {
    width: 85cqmin !important;
    margin: 0 auto;
  }
  .ai-business-right {
    margin: 0 auto;
  }
  .ai-adoption-container {
    padding-top: 35px;
  }

  .ai-adopt-description-inner {
    text-align: center;
    font-size: 14px;
    padding: 0 45px;
  }

  .ai-hero::before {
    transform: translateX(-50%) scale(2);
  }
  .faq-question span.icon {
    font-size: 24px !important;
  }
  .ai-hero {
    height: 75vh;
  }
  .banner-svg-bg img.banner-img1,
  .banner-svg-bg img.banner-img2 {
    width: 100% !important;
  }
  .banner-svg-bg img {
    bottom: -5cqmin;
  }
  .ai-journey-title {
    font-size: 36px;
  }
   .digital-trans {
    padding: 80px 20px;
  }
  .ai-team-container {
    max-width: max-content;
    padding: 80px 20px;
    gap: 10px;
  }
  
  .ai-team-container::before {
    width: 100%;
    transform: translateX(-50%) scale(1.5);
  }
  .ai-journey-graphic img {
    max-width: 100%;
  }
  /* .ai-exp-solutions {
    flex-direction: column;
  } */
  .ai-exp-column {
    min-width: 100%;
  }
  .adopt-ai .cta-button {
    width: auto;
  }

  .ai-exp-column {
    min-width: 400px;
  }
  .ai-exp-header h1 {
    font-size: 2rem;
  }
  .ai-team-grid {
    grid-template-columns: 1fr;
  }
  .ai-business-right {
    grid-template-columns: 1fr 1fr;
    padding: 20px;
  }
  /* .ai-team-container {
    background: radial-gradient(59.03% 10.34% at 50% 0%, rgb(3 133 255 / 41%) 9%, rgb(1 14 27 / 0%) 81.33%), radial-gradient(56.89% 6.3% at 50% 101.77%, #008cff80 0%, rgba(20, 20, 22, 0) 99.38%), var(--0500, #010e1b);
  } */
  .ai-business-container {
    background: radial-gradient(
        55% 45% at 50% -10%,
        #008cffad -10%,
        rgba(1, 14, 27, 0) 80%
      ),
      #010e1b;
    padding: 50px 0px !important;
  }
  .ai-business-description {
    font-size: 14px;
    padding: 0 20px;
  }
  .ai-business-feature-desc {
    padding: 0;
    font-size: 14px;
  }
  .card-list li.card span {
    font-size: 6cqmin;
  }
  .card-list li.card p {
    font-size: 14px;
    padding: 0 12px;
  }

  .faq-question span {
    font-size: 12px;
  }
  .faq-active-list .faq-question span {
    font-size: 16px;
  }

  .ai-exp-container {
    padding: 20px;
  }
  .ai-exp-title {
    font-size: 7.5cqmin !important;
  }

  .ai-faq-container .cta-button,
  .ai-advantage-container .cta-button {
    display: inline-block;
    width: auto;
  }
  .ai-exp-title span svg {
    left: -30px;
  }
  /* .banner-animation .banner-layers {
  top: 18% !important;
} */
  .ai-hero-container {
    gap: unset;
  }
  .banner-svg-bg img {
    scale: 1;
  }
  .ai-hero-container {
    justify-content: center;
  }
  .banner-animation {
    width: 100%;
    min-height: 555px;
  }
  .ai-hero-left {
    padding-top: 80px;
  }
  .ai-team-grid {
    overflow-x: scroll;
    overflow-y: hidden;
    max-width: 1024px;
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    scrollbar-width: none;
  }
  .ai-team-grid {
    max-width: 100% !important;
  }
  .ai-team-card:first-child {
    margin-left: 20px !important;
  }
  .ai-team-card:last-child {
    margin-right: 20px !important;
  }
  .ai-adopt-tabs {
    top: 12cqmin !important;
  }
  .ai-business-outer {
    padding: 0;
    margin-top: -20%;
  }
  /* .ai-adopt-step-content {
    top: 30% !important;
  } */
  .faq-answer.active p {
    font-size: 14px;
    font-family: "Lexend Deca";
    font-weight: 300;
  }
  .ai-faq-container ul li.visual-item.faq-item:nth-child(4) {
    width: 80%;
    margin-top: 2px;
  }
  .ai-journey-title img {
    height: 40px;
  }
  .ai-journey-container {
    padding: 50px 0px 0px 0px !important;
  }
  .ai-journey-content .cta-button {
    width: auto;
  }
  .ai-journey-content {
    background: none;
    margin: 0 auto;
  }
  .banner-svg-bg img.banner-img1,
  .banner-svg-bg img.banner-img2 {
    width: 100%;
    bottom: 0cqmin !important;
  }
  /* .ai-adopt-arc-container {
    height: 75vh !important;
  } */
}
@media (max-width: 820px) {
  .ai-team-container::after,
  .ai-team-container::before {
    width: 340px !important;
    margin: 0 auto;
    left: 50%;
    justify-content: center;
    transform: translate(-50%, 0px) !important;
  }
  .ai-team-grid {
    gap: 1.5rem !important;
  }
  .faq-question span.icon {
    font-size: 32px !important;
  }
  .ai-adopt-arc-container {
    height: 75vh;
  }
  /* .ai-adopt-arc-container {
    height: 74vh;
  }
   .ai-adopt-outer .ai-adopt-step-content {
     bottom: 35%;
  } */
}

@media (max-width: 910px) {
  /* .ai-adopt-outer .ai-adopt-step-content {
    top: 15% !important;
  } */
  .banner-svg-bg img.banner-img1,
  .banner-svg-bg img.banner-img2 {
    width: 100%;
    bottom: 0cqmin;
  }
  .ai-team-outer {
    padding: 0px 16px;
  }
  .banner-animation .banner-layers {
    top: -0cqmin !important;
  }
}

@media (max-width: 1024px) {
  .banner-animation {
    margin-top: 0 !important;
  }

  .banner-animation .banner-layers {
    top: 0 !important;
  }
  .ai-adopt-prev-btn svg,
  .ai-adopt-next-btn svg {
    width: 20px;
    height: 20px;
  }
  .banner-svg-bg img.banner-img1,
  .banner-svg-bg img.banner-img2 {
    width: 100%;
    bottom: 0cqmin;
    height: 50cqmin;
  }
  .ai-description {
    max-width: 500px;
  }
  .ai-hero-left,
  .ai-hero-right {
    width: 100%;
  }
  .ai-journey-title {
    font-size: 6cqmin;
  }
  .ai-journey-title img {
    height: 40px;
  }

  .hero-img {
    position: unset !important;
    width: 100%;
    object-fit: cover;
  }
  .ai-hero-container {
    flex-direction: column;
    text-align: center;
  }
  .ai-hero {
    padding: 12cqmin 16px 30px 16px;
    display: flex;
    align-items: center;
  }
  /* .ai-hero::before {
    transform: translateX(-50%) scale(1.5);
  } */
  .ai-business-container {
    flex-direction: column;
    padding: 50px;
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
  }
  .ai-hero-description {
    width: 100%;
  }
  .ai-card-container .card-list {
    width: 70cqmin;
  }
  .ai-expertise {
    padding: 50px 0px;
  }
  .ai-exp-solutions {
    margin-left: 20px;
  }
  .ai-exp-column {
    min-width: 350px;
  }
  .ai-expertise-container {
    max-width: 100%;
  }
  .ai-exp-column:last-child {
    margin-right: 20px;
  }
  .ai-expertise-container .ai-expertise-description {
    padding: 0 20px;
  }
  .ai-journey-container {
    max-width: max-content;
    padding: 130px 20px 80px 20px;
  }
  .ai-journey-content {
    padding: 50px 20px;
  }

  .ai-business-left {
    padding-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }
  .ai-expertise {
    border-radius: 0;
  }

  .ai-hero-outer {
    border-radius: 0;
  }
  .timeline-container {
    height: 50vh;
  }
  .ai-faq-container {
    padding: 0px 20px;
  }

  .ai-exp-title {
    font-size: 8cqmin;
  }
  .ai-adoption-outer {
    padding: 0;
    /* max-height: 900px; */
  }
  .ai-team-container {
    padding: 80px 0;
  }
  .ai-adopt-tab-content text textPath {
    font-size: 18px;
  }
  .ai-adopt-tabs-left,
  .ai-adopt-tabs-right {
    height: 300px;
  }

  /* .ai-adopt-tabs {
  height: 275px;
  top: 6cqmin;
} */
  .ai-faq-container .component {
    position: relative;
    z-index: 1;
  }
  .faq-active-list .faq-question span {
    font-size: 14px;
    text-align: left;
  }
  .ai-adopt-outer .ai-adopt-step-content {
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 20% !important;
    width: 100%;
  }
  .ai-business-outer {
    margin-top: 0%;
  }

  .banner-animation .banner-layers {
    top: 0cqmin;
  }
  .banner-svg-bg > img {
    bottom: -3cqmin !important;
  }
  .ai-adopt-arc-container {
        max-height: 690px;
        height: 100%;
  }
  
}
@media (max-width: 1114px) {
  .faq-question span.icon {
    font-size: 32px !important;
    width: 32px;
    height: 32px;
    text-align: center !important;
  }
  .ai-business-description {
    text-align: center;
  }

  .ai-exp-solutions {
    overflow-x: scroll;
    scrollbar-width: none;
  }
  /* .ai-adopt-step-content {
    top: 28%;
  } */
}
@media (max-width: 1024px) {
  
  .ai-exp-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0;
  }
  .banner-animation {
    margin: 0 auto;
  }
  .ai-hero-right {
    width: 100% !important;
  }

  .banner-animation {
    width: 100%;
    min-height: unset;
    height: 120%;
    position: relative;
  }
  .banner-animation .banner-layers {
    /* width: 35cqmin; */
    top: -8cqmin;
    opacity: 1;
    margin: 0 auto;
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    height: 44cqmin;
    width: 100%;
    scale: 0.7;
  }
  /* .banner-animation .overlap {
  margin-top: -12cqmin;
} */
  .hero-img {
    position: unset;
  }
  .ai-hero-container {
    flex-direction: column;
    position: relative;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
    padding-top: 15cqmin;
  }
  .ai-hero-left a.link_ref {
    display: inline-block;
  }

  .ai-hero-container .ai-hero-left {
    width: 100% !important;
    margin-bottom: 20px;
    text-align: center;
    position: unset;
  }
  .ai-hero-right {
    width: 100%;
    text-align: center;
    position: unset;
    bottom: 0;
    height: auto;
  }
  .banner-svg-bg img {
    width: 100%;
    height: auto;
  }

  .ai-hero::before {
    height: 100%;
  }
  .banner-svg-bg img.banner-img1,
  .banner-svg-bg img.banner-img2 {
    width: 100%;
    bottom: 0cqmin !important;
  }
  .banner-ai-surface {
    bottom: 0 !important;
    scale: 1;
    position: relative;
  }

  .ai-hero-description {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: unset;
  }
  .ai-business-right {
    flex: auto;
  }
  /* .ai-business-right {
  margin-top: 50px;
} */
  .ai-business-title {
    text-align: center;
    max-width: unset;
    margin: auto;
  }
  .ai-business-description {
    text-align: center;

    max-width: 420px;
    margin: auto;
  }

  /* .banner-animation .banner-layers {
  top: -8%;
} */
}

@media (max-width: 1182px) {

  .ai-team-container {
    flex-direction: column;
  }
    

  .ai-team-left {
    margin: 0 auto;
    max-width: 800px;
    height: auto;
    align-items: center;
  }
  .ai-team-left .content-title,
  .ai-team-left .ai-description {
    text-align: center;
  }
  .ai-team-card:first-child {
    margin-left: 0;
  }
  .ai-team-grid {
    gap: 2.5rem !important;
  }
  /* .ai-team-grid {
    max-width: 100% !important;
  } */
}

@media (max-width: 1265px) {
  .ai-business-container {
    flex-direction: column;
    padding: 50px;
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
  }
  .ai-business-title {
    text-align: center;
    max-width: unset;
    margin: auto;
  }
  .ai-business-left {
    padding-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }
  .ai-business-description {
    text-align: center;
    max-width: 420px;
    margin: auto;
  }
  .ai-exp-column-content p {
    min-height: 200px !important;
  }
  .ai-card-container .card-list {
    margin: 0 auto;
  }
}

@media (max-width: 1280px) {

  .ai-hero-heading {
    font-size: 6cqmin;
    top: -190px;
  }
  .ai-adopt-tabs {
    top: 5cqmin;
  }
  /* .banner-animation .banner-layers {
  bottom: 33%;
} */
  /* .ai-adopt-tabs {
  width: 3000px;
  height: 3000px;
} */
}
@media (max-width: 1367px) {
 
  .ai-banner-radial-bg {
    top: -100%;
    height: 125vh;
  }
  .ai-journey-title {
    font-size: 7cqmin;
  }

  .ai-hero-left {
    width: 42% !important;
  }
  .ai-exp-title {
    font-size: 6cqmin;
  }
  .ai-team-name {
    font-size: 13px;
  }
  .ai-business-feature {
    width: auto;
  } 
  .ai-adopt-step-content.active {
    top: 0;
  }

}

@media (max-width: 1425px) {
  .ai-team-grid {
    max-width: 720px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ai-adopt-tabs {
    top: 10cqmin;
  }
  .ai-exp-column-content p {
    min-height: 175px;
  }

  .banner-svg-bg > img {
    margin: 0 auto;
    bottom: -6cqmin;
  }
}

@media (max-width: 1440px) {
  .banner-svg-bg img.banner-img1, .banner-svg-bg img.banner-img2 {
    bottom: -10%;
}
.ai-hero-left {
  margin-top: -15%;
}
  .banner-animation {
        margin-top: -136px;
  }
  .ai-hero {
    height: 92vh; 
  }
  .ai-team-grid {
    gap: 3rem;
  }
  .ai-hero-heading {
    font-size: 5cqmin;
  }
  .ai-team-card {
    width: 162px;
  }
  .ai-team-card:first-child {
    margin-left: 0;
  }
  .ai-business-container {
    padding: 65px 50px;
  }
  .banner-ai-surface {
    bottom: -45px;
    left: -6px;
  }
 .ai-adopt-step-content.active {
   width: 75%;
 }
  .card-list li.card.last-card p {
    font-size: 16px !important;
  }
  .card-list li.card:first-child p,
  .card-list li.card:nth-child(2) p {
    font-size: 10px;
  }
    .ai-adopt-arc-container {
  height: 100vh;
}
    .ai-adopt-step-content.active {
        top: 30%;
    }
}

.ai-team-grid::-webkit-scrollbar-thumb {
  background: #686868;
}

::-webkit-scrollbar-track {
  background: transparent;
  border-left: 0;
}
::-webkit-scrollbar-thumb {
  background: #666666;
  border: 0;
  border-radius: 7px;
  box-shadow: none;
}

.ai-team-grid::-webkit-scrollbar,
.ai-exp-solutions::-webkit-scrollbar,
.ai-business-right::-webkit-scrollbar {
  width: 0; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.ai-team-grid::-webkit-scrollbar-thumb,
.ai-exp-solutions::-webkit-scrollbar-thumb,
.ai-business-right::-webkit-scrollbar-thumb {
  background: none;
}

/* Media query for higher zoom level */
@media (resolution: 1.5dppx) {
  html {
    scrollbar-width: thin;
  }
      .banner-ai-surface {
        bottom: 0px;
    }
    .ai-hero {
        height: 100vh;
    }
    .ai-hero-left {
        margin-top: -10%;
        height: 100vh;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        text-align: left;
        margin-bottom: 0;
    }
    .ai-hero-heading {
      margin-bottom: 0;
    }
    .banner-svg-bg {
      scale: 0.8;
    }
.ai-hero-right {
  top: 15%;
}
  .ai-team-card:first-child {
    margin-left: 0;
  }
  .ai-team-image-container {
    width: 120px;
    height: 140px;
  }
  .ai-team-card {
    width: 132px;
  }
  .ai-team-name {
    font-size: 11px;
  }
  .ai-team-role {
    font-size: 10px;
  }
  .ai-team-image-container {
    width: 130px;
    height: 145px;
  }
  .ai-business-outer {
    margin-top: 0%;
  }
  .ai-banner-radial-bg {
    height: 140vh;
    top: -72%;
  }
  .ai-adopt-outer {
    padding-bottom: 50px;
  }
  .strategy-ellipse {
    max-width: 500px;
  }
  .ai-hero-heading {
    font-size: 7cqmin;
  }
  .ai-banner-radial-bg {
    height: 150vh;
    top: -83%;
  }
  .ai-journey-title {
    font-size: 10cqmin;
  }
  .ai-journey-title img {
    height: 45px;
  }
  .ai-adopt-tabs {
    top: 15cqmin;
  }
  .ai-exp-column-content p {
    min-height: 175px;
  }
  .ai-team-grid {
    max-width: max-content;
    gap: 2rem;
  }
  .ai-adopt-description-inner,
  .ai-adopt-quote-text,
  .ai-business-description,
  .ai-business-feature-desc,
  .ai-exp-column-content p,
  .ai-journey-description,
  .ai-description,
  .ai-adoption-dec,
  .ai-expertise-description {
    font-size: 1vw;
  }
  .ai-business-container {
    padding: 65px 50px;
  }
  .ai-business-title {
    font-size: 32px;
  }
  .ai-business-feature-title {
    font-size: 1.25vw;
  }
  .ai-business-feature {
    padding: 20px;
    height: 148px;
    width: 230px;
  }
  .ai-adopt-arc-container {
  height: 100vh;
}
    .ai-adopt-step-content.active {
        top: 25%;
    }
}
@media (resolution: 1.25dppx) {
    .ai-adopt-arc-container {
  height: 100vh;
}
  .ai-adopt-step-content.active {
        top: 25%;
    }
}

@media only screen and (device-width: 1440px) and (-webkit-min-device-pixel-ratio: 2) {
  .banner-svg-bg img.banner-img1,
  .banner-svg-bg img.banner-img2 {
    bottom: -6cqmin;
    scale: 1;
  }
  
 
  /* .banner-animation {
    margin-top: -40px;
  } */
}